import "./styles.scss"
import ContentBox from "../../component/ContentBox";
import axios from "axios"
import TopBar from "../../component/TopBar";
function Container() {
    let getData=()=>{
        axios.get("http://localhost:5000/test").then((res)=>{
            console.log(res.data)
        })
    }
    let laughs=()=>{
        return(
            <>

                <div className="ButtonCss ButtonCss1" onClick={getData}>
                    <span>嘿嘿嘿</span>
                </div>
                <div className="ButtonCss">
                    <span>哈哈哈哈</span>
                </div>
                <div className="ButtonCss">
                    <span>反派1</span>
                </div>
                <div className="ButtonCss">
                    <span>反派2</span>
                </div>
                <div className="ButtonCss">
                    <span>反派3</span>
                </div>
                <div className="ButtonCss">
                    <span>反派4</span>
                </div>
                <div className="ButtonCss">
                    <span>反派5</span>
                </div>
                <div className="ButtonCss">
                    <span>反派6</span>
                </div>
                <div className="ButtonCss">
                    <span>反派7</span>
                </div>
                <div className="ButtonCss">
                    <span>反派8</span>
                </div>
                <div className="ButtonCss">
                    <span>反派9</span>
                </div>

            </>
        )
    }

    let screaming = () => {
        return(
            <>

                <div className="ButtonCss"><span>我的女儿啊啊啊</span></div>
                <div className="ButtonCss"><span>惊吓</span></div>

            </>
        )
    }
    let words=()=>{
        return(
            <>

                <div className="ButtonCss"><span>我的女儿啊啊啊</span></div>
                <div className="ButtonCss"><span>惊吓</span></div>

            </>
        )
    }


    return (
        <div>
            <TopBar/>
            <div className="bodys">
                <div className="containers">
                    <div className="textstack topbox">
                        <ContentBox types="奇怪的笑声" buttons={laughs()}/>

                    </div>
                    <div className="textstack">
                        <ContentBox types="豚鼠尖叫" buttons={screaming()}/>
                    </div>
                    <div className="textstack">
                        <ContentBox types="豚鼠圣经" />
                    </div>
                    <div className="textstack">
                        <div className="rebox"></div>
                    </div>
                </div>


            </div>
        </div>
    )
}

export default Container